<template>
  <el-row style="row-gap: 16px">
    <slot />
  </el-row>
</template>
<script lang="ts">
  export default { name: 'infoGroupComponent' }
</script>
<script setup lang="ts">
  // interface
  import type { InfoGroupInterface } from './types/props'
  /**
   * props
   */
  const props = withDefaults(defineProps<InfoGroupInterface>(), {
    col: () => 24,
  })

  provide('infoGroupKey', {
    ...toRefs(props),
  })
</script>
